
<ion-header>
  <ion-navbar color="primary">
    <ion-title>排行榜</ion-title>
  </ion-navbar>

</ion-header>

<ion-content>

<section class="topSection">
  <p class="top-p top-color">男生</p>
  <ion-item *ngFor="let topMan of topList.female,let i=index" (click)="skipNextPage(topMan)">
    <p>
      <span></span>
      <span class="top-color">{{topMan.title}}</span>
    </p>
  </ion-item>
</section>

  <section class="topSection">
    <p class="top-p top-color">女生</p>
    <ion-item *ngFor="let topGirl of topList.male,let i=index" (click)="skipNextPage(topGirl)">
      <p>
        <span></span>
        <span class="top-color">{{topGirl.title}}</span>
      </p>
    </ion-item>
  </section>

</ion-content>
